<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
      
        <style type="text/css">
                body{
                    margin: 0;
                    padding: 0;
                }
                
                .web{
                    width: 1000px;
                    height: 1500px;
                    background-color: pink;
                    border: blue 10px solid;
                    margin: 0 auto;
                    
                }
                /*对联广告样式*/
                #ad1,#ad2{
                    position: fixed;
                    top:50px;
                    width:100px;
                    height: 200px;
                    background-image: url(ad1.jpg);
                   
                }
                #ad1{left: 0;}/*靠左*/
                #ad2{right:0 ;}/*靠右*/
                /*弹窗广告样式*/
                #ad3{
                    position: fixed;
                    bottom:0px;/*右下*/
                    right:0px;
                    height:250px ;
                    width:300px ;
                    background-image: url(ad2.jpg);
                }
                /*关闭按钮图片样式*/
                #close,#close1{
                    
                    width: 50px;
                    height:15px ;
                    object-fit: cover;
                    position: absolute;
                    bottom:0;
                    right:0;
                    background-image: url(close.png);
                    background-repeat:no-repeat;
                    background-size:cover;
                    background-position:center center;
                }
                
                #close3{
                    
                    width: 50px;
                    height:15px ;
                    object-fit: cover;
                    position: absolute;
                    top:0;
                    right:0;
                    background-image: url(close.png);
                    background-repeat:no-repeat;
                    background-size:cover;
                    background-position:center center;
                }
            </style>
    </head>
    <body>
        <div id=ad1>
            <div id="close" ></div>
        </div>
        <div class="web">
            <p style="text-align: center; font-size: 50px;" >实验四</p>
        </div>
        <div id=ad2>
            <div id="close1" ></div>
        </div>
        <div id="ad3" style="display:none;"><div id="close3"></div></div>
    </body>
    <script src="广告.js"> 

    </script>
</html>
